<template>
	<view class="flex-colume-start indexPage">
		<view class="indexPage-imgBg">
			<image src="/static/index-bg.png" style="width: 100%; height: 100%;"></image>
		</view>
		<view class="flex-colume-start indexPage1 caseListPage">
			<image src="/static/logo1.png" style="width: 120px; height: 120px;"></image>
			<view class="page-title1">铁岭县多元金融纠纷调解中心</view>
			<view class="flex-colume-start caseBox">
				<view class="flex-row-start caseBox__header1">
					<view style="color: white;">案件列表</view>
					<view class="flex-row-start" style="font-size: 14px;" @click="goBack()">
						<image src="/static/exit_white.png" style="margin-right: 5px; width: 15px; height: 15px;"></image>
						安全退出
					</view>
				</view>
				<view class="flex-colume-start caseBox__content1" v-if="dataArr.length > 0">
					<u-list style="width: calc(100% - 50px);" height="335">
						<view @click="caseDetail(item)" v-for="(item,index) in dataArr" :key="index" class="caseItem">
							<view class="text-one-line">
								被申请人：{{item.cardOwnerName}}
							</view>
							<view class="text-one-line">
								证件号码：{{item.identityCardNo}}
							</view>
							<view class="text-one-line">
								标的金额：{{item.caseAmt}}元
							</view>
						</view>
					</u-list>
				</view>
				
				<view class="flex-colume-start caseBox__empty1" v-if="dataArr.length == 0 && !loading">
					<image src="/static/index-empty.png" style="width: 100%;" mode="widthFix"></image>
					<view style="color: #909399; font-size: 14px; margin-top: 10px;">暂无数据</view>
				</view>
				
			</view>
			<view class="flex-colume-start page-desc1">
				<view>
					监督投诉电话:024-72275698/72827977
				</view>
				<view>监督投诉邮箱:tiaojiejiandu@163.com</view>
				<view>
					版权所有:<span>铁岭县多元金融纠纷调解中心</span>
				</view>
			</view>
		</view>



	</view>
</template>

<script>
	import {list1} from '@/api/api'
	export default {
		data() {
			return {
				dataArr:getApp().globalData.list1,
				loading:false
				
			}
		},
		onLoad() {
			
			

		},
		onReady() {
			
		},

		methods: {
			goBack(){
				this.$router.go(-1)
			},
			caseDetail(item){
				getApp().globalData.selectModel = item
				uni.navigateTo({
					url:'/pages/caseDetail/caseDetail'
				})
			}


		}
	}
</script>


<style lang="scss" scoped>
	.caseListPage {
		.caseBox {
			margin-top: 50px;
			background-color: white;
			border-radius: 6px;
			overflow: hidden;
			width: 80%;
			max-width: 385px;
			padding-bottom: 20px;
			height: 400px;
			
			&__header1{
				width: 100%;
				background-color: #409EFF;
				color: white;
				padding-left: 20px;
				padding-right: 20px;
				font-size: 16px;
				height: 45px;
				text-align: left;
				opacity: 0.8;
				justify-content: space-between;
			}
			&__empty1{
				width: 100%;
				padding-top: 60px;
			}
			&__content1{
				width: 100%;
				flex: 1;
				.caseItem{
					margin-top: 5px;
					padding-bottom: 10px;
					border-bottom: 1px solid #DCDFE6;
					view{
						font-size: 14px;
						margin-top: 5px;
						
					
					}
					
				}
				
			}
		}
		
	}
</style>